<template>
  <div id="orderdetailslist"> 

      <el-table :data="data" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
       :row-class-name="tableRowClassName"  :border="true">
                
                <el-table-column label="果种标识"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.pid }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="会员账号"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.telphone }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="会员名称"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.nickname }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="驳回时间"  align='center' width="170">                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.time }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="果种等级"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.level }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="果种价值"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.price }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="果种剩余价值"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.surplus_price }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="状态"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span v-if="scope.row.type == 'REFUSE_HARVEST_REQUEST'" >驳回</span>
                        <span v-if="scope.row.type == 'AGREE_REDEEM'" >同意赎回</span>
                         <span v-if="scope.row.type == 'REFUSE_REDEEM'" >拒绝赎回</span>
                    </template>
                </el-table-column>
                
            </el-table>  
      

   </div>
</template>

<script>

export default {
  name: 'orderdetailslist',
   props:{
      data:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
     dtheight:'500',  //窗口高度

    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 260

  },
  mounted (){
    
  },
  methods: {

  }
}
</script>


<style scoped>
.mytitle{
    height: 50px;
}
.mytitle_item{
    display: flex;
    align-items: center;
}
.mytitle_item::before{
  content:'';
  width: 5px;
  height: 15px;
  background: #409EFF;
  display: block;
  margin-right: 5px;
}
</style>